<!DOCTYPE html>
<html>

<head>
    <title>我的团队</title>
    <meta charset="utf-8">
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no" name="format-detection">
    <meta content="email=no" name="format-detection">
    <link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_50753_3hipdt989v6.css">
    <link rel="stylesheet" type="text/css" href="../css/base.css">
    <link rel="stylesheet" type="text/css" href="../css/animate.css">
    <link rel="stylesheet" type="text/css" href="css/style.css?id=1">
    <script src="../js/jquery.js"></script>
    <script src="../js/flexible.js"></script>
    <style>
        body {
            padding-top: .9rem;
        }

        .tabs_1 {
            background: #fff;
        }

        .link_ul {
            margin-top: .2rem;
        }

        .link_ul .right span:last-child {
            background: #796bff;
            height: .3rem;
            line-height: .3rem;
            padding: 0 .1rem;
            border-radius: .04rem;
            color: #fff;
            font-size: .2rem;
        }
    </style>
</head>

<body class="bgf3f2f7">
    <div class="header">
        <div class="left"><i class="iconfont icon-fanhui1" onClick="javascript:history.back(-1)"></i></div>
        <div class="middle">我的团队</div>
        <div class="right">5人</div>
    </div>
    <div class="centent">
        <ul class="tabs_1" id="tabs_1">
            <li class="on">一级团队(3)</li>
            <li>二级团队(2)</li>
            <li>三级团队(0)</li>
        </ul>
        <ul>
            <li class="tab_con0">
                <ul class="link_ul">
                    <li>
                        <div class="left">
                            <span class="pic">
                                <img src="images/tx.jpg">
                            </span>
                            <span class="rows"><em>185****185</em><em style="font-size:.24rem;color:#999;">2018/11/28
                                    10:38</em></span>
                        </div>
                        <div class="right">
                            <span>￥180</span>
                            <span>
                                2个成员
                            </span>
                        </div>
                    </li>
                    <li>
                        <div class="left">
                            <span class="pic">
                                <img src="images/tx.jpg">
                            </span>
                            <span class="rows"><em>185****185</em><em style="font-size:.24rem;color:#999;">2018/11/28
                                    10:38</em></span>
                        </div>
                        <div class="right">
                            <span>￥0</span>
                            <span>
                                0个成员
                            </span>
                        </div>
                    </li>
                    <li>
                        <div class="left">
                            <span class="pic">
                                <img src="images/tx.jpg">
                            </span>
                            <span class="rows"><em>185****185</em><em style="font-size:.24rem;color:#999;">2018/11/28
                                    10:38</em></span>
                        </div>
                        <div class="right">
                            <span>￥3000</span>
                            <span>
                                0个成员
                            </span>
                        </div>
                    </li>
                    <li>
                        <div class="left">
                            <span class="pic">
                                <img src="images/tx.jpg">
                            </span>
                            <span class="rows"><em>185****185</em><em style="font-size:.24rem;color:#999;">2018/11/28
                                    10:38</em></span>
                        </div>
                        <div class="right">
                            <span>￥980</span>
                            <span>
                                0个成员
                            </span>
                        </div>
                    </li>
                    <div class="getmore">没有更多了~</div>
                </ul>
            </li>
            <li class="tab_con1" style="display:none">
                <div class="message">
                    <p class="pic"><img src="images/tsico.png"></p>
                    <p>暂无记录哦~</p>
                </div>
            </li>
            <li class="tab_con2" style="display:none">
                <div class="message">
                    <p class="pic"><img src="images/tsico.png"></p>
                    <p>暂无记录哦~</p>
                </div>
            </li>
        </ul>
    </div>
</body>
<script>
    $('#tabs_1 li').click(function () {
        var index = $(this).index();
        $('.tab_con' + index).show().siblings().hide();
        $(this).addClass('on').siblings().removeClass('on');
    })
</script>

</html>